<template>
    <h1 style="text-align: center;">注册豆瓣</h1>
    <p style="color: gray;size: small;text-align: center;">新手机将自动注册，请详读
        <span style="color: green;size: small;">豆瓣使用协议、豆瓣个人信息保护政策</span></p>
    <van-form @submit="onSubmit">
        <van-cell-group inset>
            <van-field v-model="username" name="用户名" label="用户名" placeholder="手机号/邮箱"
                :rules="[{ required: true, message: '请填写用户名' }]" />
            <van-field v-model="password" type="password" name="密码" label="密码" placeholder="密码"
                :rules="[{ required: true, message: '请填写密码' }]" />
        </van-cell-group>
        <div style="margin: 16px; display: flex;" >
            <van-button round block type="primary" native-type="submit"
             style="background-color: green;color: white;" @click="$router.push('/login')">
                注册
            </van-button>
            <!-- <p style="float: right;" @click="$router.push('/sigin')">快速注册</p> -->
        </div>
    </van-form>
    <div style="margin-top: 200px;text-align: center;">

        <p  style="color: gray;size: small;text-align: center;">第三方登录</p>
      <img src="@/assets/屏幕截图 2024-10-25 082542.png" alt="">
      <img src="@/assets/屏幕截图 2024-10-25 082547.png" alt="">
    </div>
</template>
<script setup>

</script>